<template>
	<view class="all_application">
		<u-grid :col="4">
			<block v-for="(item, index) in list" :key="index">
				<u-grid-item>
					<image :src="'https://dr-mall-cdn.newlifegroup.com.cn/newdrmall/dr/' + item.menuIcon" class="menu-img" mode="widthFix"></image>
					<view class="grid-text">{{ item.menuName }}</view>
				</u-grid-item>
			</block>
		</u-grid>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: []
		};
	},
	mounted() {
		this.getData();
	},
	methods: {
		getData() {
			this.$http.getMenuSettingist().then(res => {
				if (res.data) {
					this.list = res.data;
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.all_application {
	padding: 20upx;
	.menu-img {
		width: 80%;
		margin-bottom: 10upx;
	}
}
</style>
